<template>
  <n-card title="知识库管理">
    <n-space vertical>
      <n-alert type="info">
        这里管理您的知识库文档和数据
      </n-alert>
      <n-grid :cols="3" :x-gap="16" :y-gap="16">
        <n-gi>
          <n-card title="文档管理" hoverable>
            <template #header-extra>
              <n-badge value="12" />
            </template>
            <p>管理您的文档和知识文件</p>
          </n-card>
        </n-gi>
        <n-gi>
          <n-card title="分类管理" hoverable>
            <p>组织和管理知识分类</p>
          </n-card>
        </n-gi>
        <n-gi>
          <n-card title="搜索统计" hoverable>
            <p>查看知识库使用情况</p>
          </n-card>
        </n-gi>
      </n-grid>
    </n-space>
  </n-card>
</template>

<script setup>
import { NCard, NSpace, NAlert, NGrid, NGi, NBadge } from 'naive-ui'
</script>